﻿<MCard Class="overflow-hidden">
    <MAppBar Absolute
             Color="#fcb69f"
             Dark
             ShrinkOnScroll
             Src="https://picsum.photos/1920/1080?random"
             ScrollTarget="#scrolling-techniques-5">
        <ImgContent>
            <MImage Gradient="to top right, rgba(19,84,122,.5), rgba(128,208,199,.8)" @attributes="@context"></MImage>
        </ImgContent>

        <ChildContent>
            <MAppBarNavIcon></MAppBarNavIcon>
            <MAppBarTitle>Title</MAppBarTitle>
            <MSpacer></MSpacer>
            <MButton Icon>
                <MIcon>mdi-magnify</MIcon>
            </MButton>
            <MButton Icon>
                <MIcon>mdi-heart</MIcon>
            </MButton>
            <MButton Icon>
                <MIcon>mdi-dots-vertical</MIcon>
            </MButton>
        </ChildContent>
    </MAppBar>
    <MSheet Class="overflow-y-auto" Color="white" Elevation="1" MaxHeight="600" Id="scrolling-techniques-5">
        <MContainer Style="height: 1000px;"></MContainer>
    </MSheet>
</MCard>